.preview-imgs {
    display: flex;
    flex-wrap: nowrap;
    margin: 6px 0px;
    padding: 0px;
}
.zoom {
    width: 100px;
    height: 100px;
    background-color: #9b9a9a4a;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid gray;
}
.main-img {
    position: relative;
    width: 320px;
    height: 320px;
}
.main-img img {
    width: 320px;
    height: 320px;
}
.preview-img {
    margin: 0px;
    list-style: none;
    cursor: pointer;
    border: 2px solid transparent;
}

.preview-img:hover {
    border-color: red;
}

.preview-img img {
    width: 64px;
    height: 64px;
}
.zoom-preview {
    border: 1px solid gray;
    width: 500px;
    height: 500px;
    position :absolute;
    background-size: 1600px 1600px;
    background-repeat: no-repeat;
    left: 330px;
    top: 0px;
    z-index: 99;
}